.navbar {
  position: fixed;
}

.navbar-brand {
  position: relative;
  height: 45px;
  width: auto;

  img {
    max-width: 100%;
    height: 100%;
    width: auto;
  }
}

// If we want the shadow to only point downward in the future, set
// box-shadow to: 0 0.125rem 0.25rem -0.125rem rgba(0, 0, 0, 0.11);
.navbar-light {
  background: #fff !important;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.11);

  .navbar-nav {
    li a {
      padding: 0 15px;
    }

    > .active > .nav-link {
      font-weight: 600;
      color: rgba(var(--color-navbar-link-active), 1);
    }
  }
}

.navbar-header a {
  padding: 0 15px;
}
